﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ViewDetails.aspx.cs" Inherits="Mock1Group6.ViewDetails" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
    <link type="text/css", href="CSS/StyleSheet.css" rel="stylesheet" />
    <style type="text/css">
        .auto-style26
        {
            font-size: xx-large;
        }
        .auto-style27
        {
            width: 548px;
        }
        </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="wraper">
        <div id="tren">
            <div id="left">
                <br /><br /> <br /><br /><br /><br /> <br /><br /><br />                 
                <asp:Button ID="Button1" runat="server" Height="40px" Width="98px" BackColor="#CCFFCC" />
                <br /><br /><br /><br />
                <asp:Button ID="Button2" runat="server" Height="40px" Width="98px" BackColor="#CCFFCC" />
                <br /><br /><br /><br />
                <asp:Button ID="Button3" runat="server" Height="40px" Width="98px" BackColor="#CCFFCC" OnClick="Button3_Click" /> 
            </div>
            <div id="center">
                <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                    <ContentTemplate>
                <asp:Image ID="Image1" runat="server" Height="102px"  ImageUrl="~/Image/viettinbank.jpg" style="text-align: center" Width="655px" />
                <p class="auto-style26" style="text-align: center; height: 44px"><strong style="text-align: center; font-size:18px;">View transaction history</strong></p>
                <br />
                <asp:GridView runat="server" ID="grv" Width="588px" Height="45px" AutoGenerateColumns="False" Font-Size="14px" BackColor="White" BorderColor="White" BorderStyle="Ridge" BorderWidth="2px" CellPadding="3" CellSpacing="1" GridLines="None">
                    <Columns>
                        <asp:BoundField HeaderText="ATM(Location)" DataField="Address" ItemStyle-Width="188px"/>
                        <asp:BoundField HeaderText="Type" DataField="Description" ItemStyle-Width="90px"/>
                        <asp:BoundField HeaderText="Date" DataField="LogDate" ItemStyle-Width="140px" />
                        <asp:BoundField HeaderText="Amount" DataField="Amount" ItemStyle-Width="60px"/>
                        <asp:BoundField HeaderText="To" DataField="CustomerTransfer" ItemStyle-Width="100px" />
                    </Columns>
                    <FooterStyle BackColor="#C6C3C6" ForeColor="Black" />
                    <HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#E7E7FF" />
                    <PagerStyle BackColor="#C6C3C6" ForeColor="Black" HorizontalAlign="Right" />
                    <RowStyle BackColor="#DEDFDE" ForeColor="Black" />
                    <SelectedRowStyle BackColor="#9471DE" Font-Bold="True" ForeColor="White" />
                    <SortedAscendingCellStyle BackColor="#F1F1F1" />
                    <SortedAscendingHeaderStyle BackColor="#594B9C" />
                    <SortedDescendingCellStyle BackColor="#CAC9C9" />
                    <SortedDescendingHeaderStyle BackColor="#33276A" />
                </asp:GridView>
                <table style="height: 30px">
                    <tr>
                        <td class="auto-style27">Pre</td>
                        <td>Next</td>
                    </tr>
                </table>
                </ContentTemplate>
                    <Triggers>
                        <asp:AsyncPostBackTrigger ControlID="Button4" />
                        <asp:AsyncPostBackTrigger ControlID="Button5" />
                        <asp:AsyncPostBackTrigger ControlID="Button6" />
                        <asp:AsyncPostBackTrigger ControlID="Button1" />
                        <asp:AsyncPostBackTrigger ControlID="Button2" />
                        <asp:AsyncPostBackTrigger ControlID="Button3" />
                    </Triggers>
                </asp:UpdatePanel>
            </div>
            <div id="right">
                <br /><br /> <br /><br /><br /><br /> <br /><br /><br />               
                <asp:Button ID="Button4" runat="server" Height="40px" Width="98px" BackColor="#CCFFCC" OnClick="Button4_Click" />
                <br /> <br /><br /><br />
                <asp:Button ID="Button5" runat="server" Height="40px" Width="98px" BackColor="#CCFFCC" />
                <br /> <br /><br /><br />
                <asp:Button ID="Button6" runat="server" Height="40px" Text=" " Width="98px" BackColor="#CCFFCC" OnClick="Button6_Click" />
            </div>
        </div>
        <div id="duoi">

            <table class="table1" align="left">
                <tr>
                    <td class="auto-style2">
                        <asp:Button ID="btn1" runat="server" Text="1" Width="50px" Height="34px" BackColor="White" BorderColor="White"  />
                    </td>
                    <td class="auto-style6">
                        <asp:Button ID="btn2" runat="server" Text="2" Width="50px" Height="34px" BackColor="White"  />
                    </td>
                    <td class="auto-style3">
                        <asp:Button ID="btn3" runat="server" Text="3" Width="50px" Height="34px" BackColor="White"/>
                    </td>
                    <td class="auto-style7">
                        <asp:Button ID="btnCancel" runat="server" Text="Cancel" Width="72px" Height="34px" BackColor="#FF3300" BorderColor="White" OnClick="btnCancel_Click" />
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Button ID="btn4" runat="server" Text="4" Width="50px" Height="34px" BackColor="White"  />
                    </td>
                    <td class="auto-style5">
                        <asp:Button ID="btn5" runat="server" Text="5" Width="50px" Height="34px" BackColor="White"/>
                    </td>
                    <td class="auto-style14">
                        <asp:Button ID="btn6" runat="server" Text="6" Width="50px" Height="34px" BackColor="White" />
                    </td>
                    <td class="auto-style8">
                        <asp:Button ID="btnClear" runat="server" Text="Clear" Width="72px" Height="34px" BackColor="#33CC33" style="text-align: center"  />
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Button ID="btn7" runat="server" Text="7" Width="50px" Height="34px" BackColor="White"/>
                    </td>
                    <td class="auto-style5">
                        <asp:Button ID="btn8" runat="server" Text="8" Width="50px" Height="34px" BackColor="White" />
                    </td>
                    <td class="auto-style14">
                        <asp:Button ID="btn9" runat="server" Text="9" Width="50px" Height="34px" BackColor="White" />
                    </td>
                    <td class="auto-style8">
                        <asp:Button ID="btnEnter" runat="server" Text="Enter" Width="72px" Height="34px" BackColor="Yellow" style="text-align: center" />
                    </td>
                </tr>
                <tr>
                    <td class="auto-style11">
                        <asp:Button ID="btnCham" runat="server" Font-Bold="True" Text="." Width="50px" Height="34px" BackColor="White" />
                    </td>
                    <td class="auto-style12">
                        <asp:Button ID="btn0" runat="server" Text="0" Width="50px" Height="34px" BackColor="White" />
                    </td>
                    <td class="auto-style15">
                        <asp:Button ID="btnRong" runat="server" Width="50px" Height="34px" BackColor="White" />
                    </td>
                    <td class="auto-style13"></td>
                </tr>
            </table>

        </div>
    
    </div>
    </form>
</body>
</html>
